<body>
  <h3>Download CSV</h3>
  <!-- when the user clicks on this link, the file save dialog appears -->
  <a data-cy="download-csv" href="records.csv" download>records.csv</a>

  <h3>Download XLSX</h3>
  <a data-cy="download-xlsx" href="people.xlsx" download>people.xlsx</a>

  <h3>Download PNG image</h3>
  <a data-cy="download-png" href="logo.png" download>logo.png</a>

  <h3>Download TXT file</h3>
  <a data-cy="download-txt" href="robots.txt" download>robots.txt</a>

  <h3>Download ZIP file</h3>
  <a data-cy="download-zip" href="files.zip" download>files.zip</a>

  <h3>Download a remote CSV file</h3>
  <a data-cy="download-remote-csv" href="http://localhost:9000/records.csv" download>remote records.csv</a>

  <h3>Download a remove XLSX file</h3>
  <a data-cy="download-remote-xlsx" href="http://localhost:9000/people.xlsx" download>remote people.xlsx</a>

  <h3>Download a remote PNG image</h3>
  <a data-cy="download-remote-png" href="http://localhost:9000/logo.png" download>remote logo.png</a>

  <h3>Download a remote TXT file</h3>
  <a data-cy="download-remote-txt" href="http://localhost:9000/robots.txt" download>remote robots.txt</a>

  <h3>Download a remote JS file</h3>
  <a data-cy="download-remote-js" href="https://www.google-analytics.com/analytics.js" download>remote analytics.js</a>

  <h3>Download a remote ZIP file</h3>
  <a data-cy="download-remote-zip" href="http://localhost:9000/files.zip" download>remote files.zip</a>

  <h3>Download from a form</h3>
  <form method="get" action="records.csv">
    <button data-cy="download-form-csv" type="submit">records.csv</button>
  </form>
</body>
